<template>
    <div class="print">
        <div class="title">中标（成交）通知书</div>
        <div class="number">项目编号 : {{ tenderOrder.number }}</div>
        <div class="company-name">{{ tenderOrder.customer_unit }}</div>
        <div class="content">
            <p>{{ tenderOrder.name }}项目经评标委员会评定，并报经确认，下列项目（见附件清单）由贵公司中标（成交）。</p>
            <p>请贵单位与采购人在30日内签订合同。</p>
        </div>
        <div v-html="tenderOrder.win_bid_template" class="temp"></div>
    </div>
</template>
<script setup>
import { getTenderOrder } from '@/api/tenderOrder';
import { ref } from 'vue';
import { useRoute } from 'vue-router'
let tenderOrder = ref({});
getTenderOrder({ query: { id: useRoute().query.id } }).then(res => {
    tenderOrder.value = res.data[0];
    setTimeout(() => {
        window.print();
    }, 300);
})
</script>
<style lang="scss" scoped>
.print {
    background-color: #fff;
    overflow: hidden;
    min-height: 100vh;
    text-align: center;
    padding-top: 30px;
    box-sizing: border-box;

    .title {
        font-size: 20px;
        font-weight: bold;
    }

    .company-name {
        width: 700px;
        margin: 0 auto;
        font-size: 18px;
        font-weight: bold;
        text-align: left;
    }

    .number {
        font-size: 16px;
        font-weight: bold;
        margin: 20px 0;
    }

    .content {
        width: 700px;
        margin: 0 auto;
        text-align: left;
        font-size: 14px;
        line-height: 23px;
    }

    .signet {
        text-align: right;

        img {
            width: 200px;
        }
    }

    .temp {
        width: 700px;
        margin: 0 auto;
        text-align: left;
        font-size: 14px;
        margin-top: 30px;

        ::v-deep {
            p {
                margin: 5px 0;
            }

            table {
                border-collapse: collapse;
                border-spacing: 0;
            }

            td {
                border: 1px solid #eee;
                padding: 7px;
                font-size: 14px;
            }
        }


    }
}
</style>